<template>
  <div class="yebHome">
    <el-row :gutter="20">
      <el-col :span="24"
        ><div class="grid-content bg-purple">
          <area-stack></area-stack></div
      ></el-col>
    </el-row>
    <el-row :gutter="20" style="margin-top: 30px">
      <el-col :span="8"
        ><div class="grid-content bg-purple"><my-chart></my-chart></div
      ></el-col>
      <el-col :span="8"
        ><div class="grid-content bg-purple">
          <sunburst-label-rotate></sunburst-label-rotate></div
      ></el-col>
      <el-col :span="8"
        ><div class="grid-content bg-purple">
          <simple-surface></simple-surface></div
      ></el-col>
    </el-row>
  </div>
</template>

<script>
import MyChart from "./sys/echarts/myChart";
import areaStack from "./sys/echarts/areaStack";
import SunburstLabelRotate from "./sys/echarts/sunburstLabelRotate";
import SimpleSurface from "./sys/echarts/simpleSurface";
export default {
  name: "YebHome",
  //import引入的组件需要注入到对象中才能使用",
  components: {
    SimpleSurface,
    SunburstLabelRotate,
    MyChart,
    areaStack
  },
  data() {
    //这里存放数据",
    return {};
  },
  //监听属性 类似于data概念",
  computed: {},
  //监控data中的数据变化",
  watch: {},
  //方法集合",
  methods: {},
  //生命周期 - 创建之前",数据模型未加载,方法未加载,html模板未加载
  beforeCreate() {},

  //生命周期 - 创建完成（可以访问当前this实例）",数据模型已加载，方法已加载,html模板已加载,html模板未渲染
  created() {},
  //生命周期 - 挂载之前",html模板未渲染
  beforeMount() {},

  //生命周期 - 挂载完成（可以访问DOM元素）",html模板已渲染
  mounted() {},

  //生命周期 - 更新之前",数据模型已更新,html模板未更新
  beforeUpdate() {},
  //生命周期 - 更新之后",数据模型已更新,html模板已更新
  updated() {},
  //生命周期 - 销毁之前",
  beforeDestroy() {},
  destroyed() {},
  //生命周期 - 销毁完成",
  //如果页面有keep-alive缓存功能，这个函数会触发",
  activated() {}
};
</script>
<style></style>
